<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增租户管理')" />
    <th:block th:include="include :: datetimepicker-css" />
    <th:block th:include="include :: select2-css" />
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <input name="projects" id="projects" type="hidden" th:value="${projects}">
        <form class="form-horizontal m" id="form-elecCost-add">
			
            <div class="form-group">
                <label class="col-sm-3 control-label is-required">序号：</label>
                <div class="col-sm-8">
                    <input name="serialNumber" class="form-control" type="text" required>
                </div>
            </div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">项目名称：</label>
			    <div class="col-sm-8">
			        <input name="projectName" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">租户楼层：</label>
			    <div class="col-sm-8">
			        <input name="floorName" class="form-control" type="text" required>

			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">房间号：</label>
			    <div class="col-sm-8">
			        <input name="roomNumber" class="form-control" type="text" required>
			    </div>
			</div>
			
            <div class="form-group">
                <label class="col-sm-3 control-label is-required">单位名称：</label>
                <div class="col-sm-8">
                    <input name="companyName" class="form-control" type="text" required>
                </div>
            </div>
<!--			-->
<!--			<div class="form-group">-->
<!--			    <label class="col-sm-3 control-label is-required">电费月份：</label>-->
<!--			    <div class="col-sm-8">-->
<!--			        <select class="form-control" name="elecMonth" id="elecMonth" required>-->
<!--						<option value="">请选择月份</option>-->
<!--			            <option value="1月">1月</option>-->
<!--			            <option value="2月">2月</option>-->
<!--			            <option value="3月">3月</option>-->
<!--			            <option value="4月">4月</option>-->
<!--			            <option value="5月">5月</option>-->
<!--			            <option value="6月">6月</option>-->
<!--			            <option value="7月">7月</option>-->
<!--			            <option value="8月">8月</option>-->
<!--			            <option value="9月">9月</option>-->
<!--			            <option value="10月">10月</option>-->
<!--			            <option value="11月">11月</option>-->
<!--			            <option value="12月">12月</option>-->
<!--			        </select>-->
<!--			    </div>-->
<!--			</div>-->
			
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">表号：</label>
			    <div class="col-sm-8">
			        <input name="checkMeterNumber" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">上月A电表：</label>
			    <div class="col-sm-8">
			        <input name="degreePreA" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">本月A电表：</label>
			    <div class="col-sm-8">
			        <input name="degreeIssueA" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">上月B电表：</label>
			    <div class="col-sm-8">
			        <input name="degreePreB" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">本月B电表：</label>
			    <div class="col-sm-8">
			        <input name="degreeIssueB" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">上月C电表：</label>
			    <div class="col-sm-8">
			        <input name="degreePreC" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">本月C电表：</label>
			    <div class="col-sm-8">
			        <input name="degreeIssueC" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">上月D电表：</label>
			    <div class="col-sm-8">
			        <input name="degreePreD" class="form-control" type="text" required>
			    </div>
			</div>
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">本月D电表：</label>
			    <div class="col-sm-8">
			        <input name="degreeIssueD" class="form-control" type="text" required>
			    </div>
			</div>
			
			
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">电费乘率：</label>
			    <div class="col-sm-8">
			        <input name="elecRate" class="form-control" type="text" required>
			    </div>
			</div>
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">电费单价：</label>
			    <div class="col-sm-8">
			        <input name="elecUnitPrice" class="form-control" type="text" required>
			    </div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">电费月份：</label>
				<div class="col-sm-8">
					<input name="elecMonth" class="form-control" placeholder="请输入月份" type="text" required>
				</div>
			</div>
			<div class="form-group">
			    <label class="col-sm-3 control-label is-required">抄表时间：</label>
			    <div class="col-sm-8">
			        <div class="input-group date">
			            <input name="checkMeterTime" class="form-control" placeholder="请填写日期" type="text" required>
			            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
			        </div>
			    </div>
			</div>



<!--            <div class="form-group">
                <label class="col-sm-3 control-label is-required ">租赁开始时间：</label>
                <div class="col-sm-8">
                    <div class="input-group date">
                        <input name="tenantTime" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label is-required">租赁到期时间：</label>
                <div class="col-sm-8">
                    <div class="input-group date">
                        <input name="tenantEndTime" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                    </div>
                </div>
            </div> -->

<!--            <div class="form-group">
                <label class="col-sm-3 control-label is-required">收费：</label>
                <div class="col-sm-8">
                    <div class="check-box" id="chooseCharge">
                        <input type="checkbox" onclick="allcheck()" id="allCheck"  /> 全部选中<br />
                        <label class="check-box"> <input type="checkbox"  name="charges" value="0" /> 物管费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="1" /> 水费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="2" /> 照明费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="3" /> 动力费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="4" /> 公用电费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="5" /> 空调电费 </label>
                        <label class="check-box"> <input type="checkbox"  name="charges" value="6" /> 空调油费 </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label is-required">电表：</label>
                <div class="col-sm-8">
                    <div class="check-box" id="chooseAmmeter">
                        <label class="check-box"> <input type="checkbox"  name="ammeter" value="0" /> A表 </label>
                        <label class="check-box"> <input type="checkbox"  name="ammeter" value="1" /> B表 </label>
                        <label class="check-box"> <input type="checkbox"  name="ammeter" value="2" /> C表 </label>
                        <label class="check-box"> <input type="checkbox"  name="ammeter" value="3" /> D表 </label>
                    </div>
                </div>
            </div> -->

			
<!--            <div class="form-group">
                <label class="col-sm-3 control-label is-required">状态：</label>
                <div class="col-sm-8">
                    <div class="radio-box">
                        <label class="radio-box"> <input type="radio"  name="tenantStatus" value="0" /> 正常 </label>
                        <label class="radio-box"> <input type="radio"  name="tenantStatus" value="1" /> 临期 </label>
                        <label class="radio-box"> <input type="radio"  name="tenantStatus" value="2" /> 到期 </label>
                        <label class="radio-box"> <input type="radio"  name="tenantStatus" value="3" /> 异常 </label>
                    </div>
                </div>
            </div> -->


<!--            <div class="form-group">    -->
<!--                <label class="col-sm-3 control-label">删除标志：</label>-->
<!--                <div class="col-sm-8">-->
<!--                    <input name="delFlag" class="form-control" type="text">-->
<!--                </div>-->
<!--            </div>-->
            <div class="form-group">
                <label class="col-sm-3 control-label">备注：</label>
                <div class="col-sm-8">
                    <textarea name="remark" class="form-control"></textarea>
                </div>
            </div>
        </form>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <th:block th:include="include :: select2-js" />
    <script th:inline="javascript">
        var prefix = ctx + "guomao/elecCostManagement"

// 		默认选择方式
        // $(function(){
        //     initChoice();
        // })

        // function initChoice(){
        //     $("#chooseCharge input").each(function(){
        //        $(this).parent().addClass("checked")
        //        $(this).attr("checked",true)
        //     });
        // }


    $("#form-elecCost-add").validate({
            focusCleanup: true
        });

// 			提交策略序列化
        function submitHandler() {
            if ($.validate.form()) {
                $.operate.save(prefix + "/add", $('#form-elecCost-add').serialize());
            }
        }

// 		月份格式判定
        $("input[name='checkMeterTime']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });

        // $("input[name='tenantEndTime']").datetimepicker({
        //     format: "yyyy-mm-dd",
        //     minView: "month",
        //     autoclose: true
        // });
    </script>
</body>
</html>